import { fileURLToPath, URL } from 'node:url'

// import test from "node:test"

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VueDevTools from 'vite-plugin-vue-devtools'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        // 引入 mixin.scss 这样就可以在全局中使用 mixin.scss中预定义的变量了
        // 给导入的路径最后加上 ; 
        additionalData: '@import "@/assets/style/mixin.scss";'
      }
    }
  }
})





// const path = require('path')
// const { VueLoaderPlugin } = require('vue-loader')
// module.exports = {
//     entry: {
//         path: './src/main.js'
//     },
//     module: {
//       rules: [
//           {
//               test: /\.vue$/,
//               use: 'vue-loader'
//           },
//           {
//             test:/.css$/,
//             use: ['style-loader', 'css-loader','sass-loader'],
//           },
//           {
//             test: /\.(png|jpe?g|gif)$/,
//             type: 'asset/resource',
//             generator: {
//               filename: 'assets/img/[hash][ext]'
//             }
//           },
//           {
//             test:/\.ts$/,
//             exclude: /node_modules/,
//             use: "ts-loader",
//           }
    
//       ]
//   },
//     output: {
//         filename: 'assets/js/[name].[contenthash:6].js',
//         path: path.resolve(__dirname, './dist')
//     },
//     plugins: [
//       new VueLoaderPlugin(),
//     ]
// }

